/* 南京新突破网络 */
/* 网址：https://www.x-tp.cn/ */

@charset "utf-8";
:root {
  --main-color: #1067c4;
  --main-box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  --main-hover-box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* 首页 */
.greyBG {
  background: #f6f7fb;
}

a {
  color: #333;
  transition: all .4s;
}

a:hover {
  color: var(--main-color) !important;
}

.colorHC {
  color: var(--main-color);
}

.G_index {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.swiper-button-next,
.swiper-button-prev {
  outline: none;
}

/* 头部信息开始 */
.top {
  width: 100%;
  height: 50px;
  background: #191919;
  font-size: 15px;
  line-height: 50px;
}

.top a {
  color: #fff;
}

.top .topright a {
  font-size: 26px;
  margin-left: 8px;
}

.headshaow {
  box-shadow: var(--main-box-shadow);
}

.header {
  width: 100%;
  height: 90px;
  background-color: #fff;
  position: sticky;
  top: -1px;
  left: 0;
  box-sizing: border-box;
  justify-content: flex-start;
  z-index: 999;
  transition: all .4s;
}

.navActive {
  color: var(--main-color);
  font-weight: bold;
}

.navActive::after {
  content: "";
  display: block;
  height: 3px;
  background: var(--main-color);
  width: 70%;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -35%;
}

.header .logo {
  width: 15%;
}

.header .nav {
  margin: 0 auto;
}

.header .logo h1 {
  text-indent: -9999px;
}

.header .logo a {
  display: block;
  width: 210px;
  height: 90px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.header .nav ul {
  justify-content: center;
}

.header .nav .navlist {
  font-size: 18px;
  padding: 0 2.2vw;
  position: relative;
}

.header .nav .navlist>a {
  display: block;
  line-height: 90px;
  height: 90px;
  word-break: keep-all;
}

.header .subnav {
  position: absolute;
  left: 0px;
  top: 90px;
  min-width: 8em;
  max-width: 500px;
  white-space: nowrap;
  box-shadow: var(--main-box-shadow);
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background: #fff;
  transition: all .4s;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  transform: perspective(600px) rotateX(-90deg);
}

.header .subnav ul {
  border-top: 1px solid #eee;
}

.header .subnav li a {
  display: block;
  font-size: 16px;
  padding: 5px 20px;
  line-height: 36px;
  box-sizing: border-box;
}

.navlist>a::after {
  content: "";
  display: block;
  height: 3px;
  background: var(--main-color);;
  width: 0%;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -35%;
  transition: all .4s;
  word-wrap: break-word;
}

.header .nav .navlist:hover {
  /* font-weight: bold; */
}

.header .nav .navlist:hover a::after {
  width: 70%;
}

.header .nav .navlist:hover .subnav {
  visibility: visible;
  opacity: 1;
  transform: perspective(600px) rotateX(0deg);
}

.header .subnav li:hover {
  background: var(--main-color);;
  color: #fff;
}

.header .subnav li:hover a {
  color: #fff !important;
}

.language .nav .navlist {
  font-size: 16px;
  padding: 0;
}

.language .nav .navlist:hover a::after {
  width: 0%;
}

.language a {
  display: flex !important;
  justify-content: flex-start;
  line-height: normal !important;
}

.language .icon {
  width: 24px;
  height: auto;
  line-height: 0;
  margin-right: 5px;
}

.searchBox .searchIcon {
  cursor: pointer;
  font-size: 18px;
}

.searchBox .searchClose {
  position: absolute;
  right: 0;
  top: -50px;
  font-size: 20px;
  color: #fff;
  opacity: 0.5;
  transition: all .4s;
  cursor: pointer;
}

.searchBox .searchCon {
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  transition: all .4s;
  z-index: 10;
}

.searchBox .SearchInput {
  width: 50vw;
  height: 64px;
  background: #fff;
  margin: 20em auto 20px;
  border-radius: 8px;
  /* overflow: hidden; */
  box-sizing: border-box;
  position: relative;
}

.searchBox input {
  height: 64px;
  border-radius: 8px 0 0 8px;
  width: 85%;
  padding: 0 20px;
  box-sizing: border-box;
}

.searchBox .SearchInput button {
  width: 15%;
  height: 100%;
  border-radius: 0 8px 8px 0;
  line-height: 64px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background: var(--main-color);
  cursor: pointer;
  border: none;
}

.searchBox .searchkeywords {
  width: 50vw;
  margin: 0 auto;
  justify-content: left;
}

.searchBox .searchkeywords li {
  margin-right: 15px;
}

.searchBox .searchkeywords a {
  color: #aaa;
}

.searchBox .SearchInput:hover {
  box-shadow: 0 0px 20px rgba(0, 174, 255, 0.35);
}

.searchIcon,
.searchClose:hover {
  opacity: 1;
}

.menu {
  display: none;
}

.menu .menuicon {
  font-size: 30px;
}

/* 头部信息结束 */
/* banner信息开始 */
.banner {
  width: 100%;
  height: calc(100vh - 140px);
  box-sizing: border-box;
  position: relative;
}

.bannerBox li {
  width: 100%;
  background: #fff;
  position: relative;
}

.bannerBox {
  overflow: hidden;
}

.bannerBox .swiper-button-next,
.bannerBox .swiper-button-prev {
  color: #fff;
  opacity: 0;
  transition: .4s;
  /* display: none; */
}

.bannerBox:hover .swiper-button-next,
.bannerBox:hover .swiper-button-prev {
  opacity: .2;
}

.bannerBox .swiper-button-next:hover,
.bannerBox .swiper-button-prev:hover {
  opacity: .8;
}

.bannerBox li img {
  width: 100%;
  height: calc(100vh - 140px);
  object-fit: cover;
  position: relative;
}

.bannertext {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1400px;
  color: #fff !important;
}

.bannertext p {
  font-size: 88px;
  font-weight: bold;
  line-height: 1.2;
}

.bannertext span {
  font-size: 24px;
}

/* banner信息end */

/* 主体内容 */
/* 公共标题 */
.titleBox {
  padding: 100px 0 80px;
}

.titleBox .textL h3 {
  font-size: 36px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1;
}

.titleBox .textL p {
  font-size: 56px;
  font-weight: bold;
  color: #f0f0f0;
  text-transform: uppercase;
  line-height: 1;
}

.more {
  padding: 0 10px 0 20px;
  width: 200px;
  margin: 50px auto;
  border: 1px solid #bbb;
  border-radius: 50px;
  box-sizing: border-box;
  transition: all .4s;
}

.more .icon-gengduo {
  font-size: 36px;
  color: var(--main-color);
}

.more:hover {
  background: var(--main-color);
  color: #fff !important;
  border-color: transparent;
}

.more:hover .icon-gengduo {
  color: #fff !important;
}

/* 01产品 */
.productCon ul {
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.product .productList {
  width: 100%;
  position: relative;
  /* overflow: hidden; */
}

.product .productList li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 2%;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 0px solid #f6f7fb;
  box-sizing: border-box;
  box-shadow: var(--main-box-shadow);
  transition: all .4s;
}

.product .productList li:nth-of-type(4n) {
  margin-right: 0;
}

.product .productList .proimg {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  background: #f6f7fb;
}

.product .productList .proimg img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all .4s;
}

.product .productList .proimg img:hover {
  /* transform: scale(1.05); */
}

.product .productList .protitle {
  padding: 20px 25px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.product .productList .protitle h4 {
  font-size: 20px;
}

.product .productList .protitle p {
  font-size: 14px;
  color: #999;
}

.product .productList .protitle .R span {
  color: #aaa;
  font-size: 24px;
}

.product .productList li:hover {
  border-color: transparent;
  box-shadow: var(--main-hover-box-shadow);
}

.product .productList li:hover .protitle {
  background-color: #fff;
}

.product .productList li:hover .protitle p {
  color: #fff;
}

.product .productList li:hover .R span {
  color: #000;
}

/* about */
.aboutIndex {
  background: #fff;
  padding-bottom: 5.2vw;
}

.aboutIndexCon {
  align-items: flex-start;
  width: 100%;
}

.aboutIndexCon .l {
  width: 42%;
}

.aboutIndexCon .r {
  width: 50%;
}

.aboutIndexCon h3 {
  font-size: 36px;
  font-weight: bold;
  position: relative;
  margin: 40px 0 50px;
}

.aboutIndexCon h3::before {
  content: "";
  display: block;
  width: 30px;
  height: 6px;
  background: var(--main-color);
  position: absolute;
  top: -40px;
  left: 0;
}

.aboutIndexCon h4 {
  font-weight: bold;
  margin-bottom: 8px;
}

.aboutIndexCon p {
  color: #999;
}

.aboutIndexCon .more {
  margin: 80px 0 0;
  background: var(--main-color);
  color: #fff;
  border-color: transparent;
}

.aboutIndexCon .more .icon-gengduo {
  color: #fff;
}

.aboutIndexCon .more:hover {
  background: #0a509b;
}

.aboutIndexCon .r {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--main-box-shadow);
  transition: all .4s;
}

.aboutIndexCon .r:hover{
  box-shadow: var(--main-hover-box-shadow);
  /* transform: scale(1.05); */
}

.aboutNumber {
  margin-top: 100px;
}

.aboutNumber p {
  font-size: 48px;
  font-weight: bold;
  color: var(--main-color);
}

.aboutNumber span {
  color: #999;
}

.aboutNumber i {
  text-transform: none;
}

/* iconBox */
.iconBox {
  background: #f6f7fb;
  padding: 8.2vw 0;
}

.iconBox li {
  flex: 1;
  width: 33%;
  text-align: center;
  padding: 0 90px;
  border-right: 1px solid #dedede;
}

.iconBox li:last-child {
  border: none;
}

.iconBox li img {
  width: 120px;
  height: 120px;
}

.iconBox li p {
  font-size: 24px;
  margin: 24px 0 16px;
}

/* 新闻中心 */
.news {
  width: 100%;
  padding-bottom: 5.2vw;
}

.newsCon>ul {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.newsCon .newslist {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 1.56vw;
  margin-bottom: 1.56vw;
  box-shadow: var(--main-box-shadow);
  transition: all .4s;
}

.newsCon .newslist:nth-of-type(3n) {
  margin-right: 0;
}

.newslist .img {
  width: 100%;
  height: 0;
  padding-bottom: 66.86%;
  overflow: hidden;
  position: relative;
}

.newslist .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .4s;

}

.newslist .text {
  padding: 20px 20px 20px;
  box-sizing: border-box;
}

.newslist .img img:hover {
  /* transform: scale(1.05); */
}

.newslist .month {
  font-size: 16px;
  color: #999;
}

.newslist .text .newsTit {
  white-space: nowrap;
  font-size: 20px;
  margin: 2px 0 12px;
  overflow: hidden;
}

.newslist .text p {
  font-size: 16px;
  color: #999;
}

.newslist .text .more:hover {
  color: var(--main-color);
}

.newslist:hover {
  box-shadow: var(--main-hover-box-shadow);
}

/* 底部样式 */
.footer {
  background-color: #191919;
  color: rgba(255, 255, 255, .5);
}

.footerCon {
  align-items: flex-start;
  padding: 100px 0 100px;
}

.footer a {
  color: rgba(255, 255, 255, .5);
}

.footlogo {
  width: 33%;
}

.flogoimg {
  width: 270px;
  margin-bottom: 50px;
}

.flogoimg img {
  width: 100%;
}

.footContact {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.footContact p {
  width: 45%;
  margin-bottom: 16px;
}

.footContact .add {
  width: 100%;
}

.footNav {
  width: 20%;
  align-items: flex-start;
}

.footNav dl {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.footNav dt {
  width: 100%;
  font-size: 20px;
  color: #fff;
  margin-bottom: 1vw;
  font-weight: bold;
}

.footNav dd {
  line-height: 1.2;
  width: 50%;
  margin-bottom: 20px;
}
.communicationForm{
  position: relative;
}
.communicationForm .VeCode{
  position: absolute;
  top: 54px;
  overflow: hidden;
  height: 0;
  transition: all .4s;
}
.communicationForm .VeCode img{
  top: 4px;
  right: 106px;
}
.communicationBox p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.communicationBox span {
  display: block;
  margin: 20px 0;
}

.communicationBox input {
  width: 320px;
  height: 52px;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 4px 0 0 4px;
}

.communicationBox button {
  width: 100px;
  height: 52px;
  background-color: var(--main-color);
  border: none;
  color: #fff;
  border-radius: 0 4px 4px 0;
}

.communicationBox button:hover {
  background-color: #0b4c91;
}

.communicationBox .icon-paperplane-fill {
  font-size: 24px;
}

.footBottom {
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 14px;
  padding: 1.5vw 0;
  position: relative;
}

.footBottom h1 {
  font-size: 14px;
  display: inline-block;
}

.footBottom .link {
  color: rgba(255, 255, 255, .3);
  font-size: 14px;
  position: absolute;
  left: 0;
  top: -2vw;
}

.footBottom .link a {
  color: rgba(255, 255, 255, .3);
  margin-right: 10px;
}

/* 侧栏 */

.gotop {
  position: fixed;
  right: 1.2vw;
  bottom: 5vw;
  cursor: pointer;
  background: var(--main-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  opacity: 0.65;
  transition: all .4s;
}

.gotop:hover {
  opacity: 1;
}

/* Mnav */

.Mnav {
  position: fixed;
  top: 110px;
  left: 0;
  background: #fff;
  height: 0%;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  transition: all .4s;
  z-index: 1000;
}

.Mnav ul {
  flex-wrap: wrap;
  border-top: 1px solid #eee;
}

.Mnav .navlist {
  width: 100%;
}

.Mnav .navlist .navone {
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #eee;
}

.Mnav .navlist .navone {
  padding: 15px 25px;
  box-sizing: border-box;
}

.Mnav .navlist .navone>a {
  display: block;
  width: 50%;
}

.Mnav .fold {
  width: 50%;
  text-align: right;
  color: #999;
  display: none;
}

.Mnav .show .fold {
  display: block;
}

.Mnav .subnav {
  position: static;
  height: initial;
  box-shadow: none;
  display: none;
  transition: none;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.Mnav .subnav .fold {
  display: none;
}

.Mnav .subnav .show .fold {
  display: block;
}

.Mnav .subnav ul {
  display: block;
  border: 0;
  background: #f5f5f5;
  text-align: left;
}

.Mnav .subnav ul li {
  line-height: 44px;
  padding: 0 25px;
  box-sizing: border-box;
}

.Mnav .subnav .navtow {
  border-bottom: 1px solid #e1e1e1;
}

.Mnav .subnav ul li a {
  display: block;
}

.M_prosubnav .navtow a {
  width: 50%;
}

.M_prosubnav .navthree {
  display: none;
}

.M_prosubnav .navthree li {
  font-size: 14px;
  border-bottom: 1px solid #e1e1e1;
}

/* 内页------------------------------------------------------------ */

.innerW {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* 面包屑 */
.innerNav {
  background: transparent;
  /* border-bottom: 1px solid #eee; */
  border-top: 1px solid #eee;
  height: 66px;
  line-height: 66px;
  font-size: 16px;
}

.innerNavlsit {
  width: 70%;
  justify-content: flex-start;
}

.innerNavlsit li {
  margin-right: 36px;
  position: relative;
}

.innerNavlsit li::after {
  content: "";
  display: block;
  height: 3px;
  width: 0%;
  background: var(--main-color);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .4s;
}

.innerNavlsit li:hover::after {
  width: 100%;
}

.innerNavlsit .innerNavActive a {
  color: var(--main-color);
}

.innerNavlsit .innerNavActive::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: var(--main-color);
  position: absolute;
  bottom: 0;
  left: 0;
}

.crumbs {
  font-size: 14px;
  justify-content: flex-end;
}

.crumbs a {
  color: #666;
  margin: 0 5px;
}

.crumbs .iconfont {
  color: #ccc;
  margin-right: 2px;
}

/* 内页标题 */
.innerTitle {
  padding: 100px 0 50px;

}

.innerTitle h2 {
  font-size: 36px;
  font-weight: bold;
  color: var(--main-color);
}

/* 关于我们 */
.aboutInner,
.chejian {
  align-items: flex-start;
  padding: 50px 0;
}

.aboutInner .aboutimg,
.chejian .aboutimg {
  width: 45%;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  box-shadow: var(--main-box-shadow);
  transition: all .4s;
}

.chejian .aboutimg:hover,
.aboutInner .aboutimg:hover {
  box-shadow: var(--main-hover-box-shadow);
}

.aboutList {
  width: 45%;
}

.aboutInner .text,
.chejian .text {
  line-height: 2.2;
}

.aboutInner .innerTitle,
.chejian .innerTitle {
  padding-top: 0;
}

/* 荣誉证书 */
.honor {
  padding-bottom: 50px;
}

.honorList {
  flex-wrap: wrap;
  /* justify-content: left; */
}

.honorList li {
  width: 42%;
  margin-right: 10%;
  margin-bottom: 5%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  box-shadow: var(--main-box-shadow);
  transition: all .4s;
}

.honorList li:nth-of-type(2n) {
  margin-right: 0;
}

.honorList li img {
  width: 100%;
  transition: all .4s;
}

.honorList li:hover img {
  /* transform: scale(1.05); */
}

.honorList li:hover {
  box-shadow: var(--main-hover-box-shadow);
}

.honorList li p {
  padding: 10px 10px;
  height: 50px;
  box-sizing: border-box;
  line-height: 1;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

/* 企业文化 */


/* 内页banner */
.innerBnner {
  width: 100%;
  height: 18.2vw;
  height: 350px;
  background: #000 url('../images/innerbanner-chanpin.jpg') no-repeat center;
  background-size: cover;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  color: #fff;
}

.menuLift {
  width: 275px;
  margin-right: 80px;
}

.ListRight {
  width: calc(100% - 355px);
}

/* 内页产品 */
.innerProduct {
  padding-top: 50px;
  padding-bottom: 100px;
  align-items: flex-start;
}

.leftNav dt {
  font-size: 24px;
  padding: 18px 0;
  background: var(--main-color);
  color: #fff;
  margin-bottom: 20px;
}

.leftNav dd a {
  background: #f6f7fb;
  padding: 14px 20px;
  width: 100%;
  box-sizing: border-box;
  transition: all .4s;
}

.leftNav dd .icon-angle-right {
  color: #fff;
  opacity: 0;
}

.leftNav dd a:hover {
  background: var(--main-color);
  color: #fff !important;
}

.leftNav dd a:hover .icon-angle-right {
  opacity: 1;
}

.LiftNavActive {
  background: var(--main-color) !important;
  color: #fff !important;
}

.LiftNavActive .icon-angle-right {
  opacity: 1 !important;
}

.innerProduct .innerTitle {
  padding-top: 0;
}

.innerProduct .productList {
  width: 100%;
  justify-content: left;
  flex-wrap: wrap;
  /* padding: initial; */
}

.innerProduct .productList li {
  width: 32%;
  margin-right: 2% !important;
  margin-bottom: 2%;
}

.innerProduct .productList li:nth-of-type(3n) {
  margin-right: 0 !important;
}

.pageBox {
  /* background: #ccc; */
  /* line-height: 60px; */
}

/* 内页详情 */
.content {
  line-height: 2;
  padding-bottom: 6%;
}

.content img {
  max-width: 100%;
  margin: 1em 0;
  border-radius: 5px;
}

/* 内页产品详情页 */
.productDes {
  margin-top: 80px;
  margin-bottom: 60px;
  align-items: flex-start;
}

.productLeft,
.productRight {
  width: 48%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.productLeft a {
  display: block;
}

.productLeft li {
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  position: relative;
  border-radius: 5px;
}

.productLeft img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #dedede;
  border-radius: 5px;
}

.productRight {
  height: 0;
  padding-bottom: 48%;
  overflow: visible;
}

.productRight h3 {
  font-size: 30px;
  font-weight: bold;
}

.productRight .des {
  color: #333;
  margin-top: 2vw;
  margin-bottom: 3vw;
  line-height: 2;
}

.ProBtn {
  position: absolute;
  bottom: 10px;
  left: 0;
}

.productRight .procon {
  color: #666;
  line-height: 2.5;
}

.innerProductCon {
  padding-top: 60px;
  border-top: 2px solid #f6f7fb;
}

.productNav ul {
  justify-content: flex-start;
  border-bottom: 4px solid var(--main-color);
  margin-bottom: 50px;
}

.productNav ul li {
  width: 280px;
  padding: 0% 20px;
  cursor: pointer;
  font-size: 20px;
  line-height: 60px;
  margin-right: 4vw;
  position: relative;
  border-top-right-radius: 24px;
}

.productNav ul li::after {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  background-color: var(--main-color);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .4s;
}

.productNav ul li:hover {
  color: var(--main-color);
}

.productNav ul li:hover::after {
  width: 100%;
}

.productNav .ProActive {
  background: var(--main-color);
  color: #fff !important;
  font-weight: bold;
}

.productNav .ProActive::after {
  width: 100%;
}

/* 相关视频 */
.video {
  background: #fff;
  /* padding-bottom: 100px; */
}

.videoList ul {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.videoList li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}

.videoList li:nth-of-type(3n) {
  margin-right: 0;
}

.videoList li .img {
  position: relative;
}

.videoList .videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  color: rgba(255, 255, 255, .65);
  font-size: 48px;
  line-height: 1;
  transition: all .4s;
}

.videoList li .img:hover .videoIcon {
  color: #fff;
  transform: scale(1.1) rotate(120deg);
}

.videoList li img {
  width: 100%;
}

.videoList .text {
  padding: 20px;
  box-sizing: border-box;
}

.videoList .text h3 {
  font-size: 16px;
}

.videoPop {
  position: fixed;
  background: rgba(0, 0, 0, .7);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  display: none;
}

.videoBox {
  width: 960px;
  max-height: 540px;
  height: 100%;
  margin: 5% auto 0;
  position: relative;
  border-radius: 5px;
  background: #000;
  overflow: hidden;
}

.videoBox video {
  outline: none;
  width: 100%;
  height: 100%;
}

.videoBox span {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 1003;
  opacity: 0.5;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  text-align: center;
  transition: all .4s;
}

.videoBox span:hover {
  opacity: 1;
  background: #f00;
  transform: rotate(180deg);
}

/* 解决方案 */
/* 与产品雷同 */
.solution .productList .proimg {
  padding-bottom: 66.86%;
}

.solution .productList .protitle {
  background-color: #fff;
}

.solution .productList .protitle .L {
  width: 90%;
}

.solution .productList .protitle h4 {
  width: 100%;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 资料下载 */
.download {
  background: #f5f5f5;
  padding-bottom: 100px;
}

.downloadList li {
  background: #fff;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding: 0 25px;
  box-sizing: border-box;
  margin-bottom: 1.5%;
}

.downloadList .pdf {
  font-size: 42px;
  margin-right: 15px;
}

.downloadList .tit {
  font-size: 20px;
}

.downloadList .downicon {
  /* color: #999; */
  font-size: 18px;
}

/* 内页新闻 */
.newsMore {
  margin: 30px 0 15px;
  color: var(--main-color);
}

.innerNews .month {
  border-top: 1px solid #ddd;
  padding: 15px 0 0;
  font-size: 14px;
}

.innerNews .newsCon .newslist {
  flex: none;
}

.innerNews {
  padding-bottom: 100px;
  /* padding-top: 30px; */
}

.innerNews .newsCon {
  flex-wrap: wrap;
  justify-content: start;
}

.innerNews .newsCon .newslist {
  width: 32%;
  margin-right: 2%;
}

.innerNews .newsCon .newslist:nth-of-type(3n) {
  margin-right: 0;
}

.innerNews .newsCon .newslist:nth-of-type(4n) {
  margin-right: 2%;
}
.innerNews .newsCon .newslist:nth-of-type(12n){
  margin-right: 0;
}

.innerNews .newsT li {
  width: auto;
}

.newsMain {
  background: #fff;
  padding: 60px 70px;
  box-sizing: border-box;
}

.newsMain .tit {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.newsMain .tit h2 {
  font-size: 32px;
}

.newsMain .tit .subdes {
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}

.newsPage {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
  line-height: 2;
  color: #666;
}

.return a {
  display: block;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  padding: 10px 35px;
  font-size: 14px;
  color: var(--main-color);
}

/* 联系我们 */
.contact {
  align-items: flex-start;
  margin: 50px auto 100px;
}

.contact .innerTitle {
  padding-top: 0;
}

.contactCon {
  width: 30%;
}

.contactCon li {
  margin-bottom: 30px;
  width: 100%;
}

.message {
  width: 60%;
  border-right: 1px solid #dcdcdc;
  padding-right: 5%;
  margin-right: 5%;
}

.message input,
.message textarea {
  position: relative;
  width: 100%;
  background-color: #f6f7fd;
  padding: 0 25px;
  height: 60px;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-radius: 5px;
}

.message .inptext {
  width: 49%;
}

.message .textarea,
.message .VeCode {
  width: 100%;
}

.inptext,
.VeCode {
  position: relative;
}
.xinghao{
    position: absolute;
    color: red;
    top: 21px;
    left: 10px;
}

.liuyan {
  flex-wrap: wrap;
}

.liuyanRed {
  color: #eb4444 !important;
  background-color: #ffdede !important;
}

.inptext span {
  position: absolute;
  line-height: 60px;
  right: 20px;
  top: 0;
  font-size: 14px;
  color: #eb4444;
}

.message textarea {
  height: 180px;
  padding-top: 18px;
}

.VeCode img {
  position: absolute;
  top: 8px;
  right: 15px;
}

.message #submit {
  width: 100%;
  height: 65px;
  border: none;
  background-color: var(--main-color);
  color: #fff;
  border-radius: 5px;
}

.interflow {
  margin-bottom: 60px;
}

.interflow a {
  font-size: 42px;
  margin-right: 14px;
  color: var(--main-color);
}

.interflow a:hover {
  color: #0a509b !important;
}

.contactText {
  font-size: 20px;
  line-height: 1.5;
}

.contactText .iconfont {
  font-size: 28px;
  color: var(--main-color);
  margin-right: 24px;
  margin-bottom: 24px;
}

.contactText>p {
  align-items: flex-start;
  justify-content: left;
}

.map{
  width: 100%;
  height: 380px;
  margin-top: 100px;
  line-height: 400px;
  margin-bottom: 50px;
}
.map img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}